	<?php session_start();
include_once("Administrador/Entidades/cConexion.php");
?>
<!DOCTYPE html>
<html>
    <head>
        <title>KALUI</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/>
        <!--css menu-->
		<link href="menubox/css/styleiniciosesion.css" rel="stylesheet" type="text/css"/>
		<!--css iniciosesion-->
		<link href="Administrador/css/iniciosesion.css" rel="stylesheet" type="text/css" />
	
		
        <style>
			body{
				background:#333 url(images/MU.jpg) no-repeat center center fixed;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
				font-family:Arial;
			}
			
			
		</style>
		
	
        
    </head>

    <body>
  
 

        <!-- The JavaScript -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript" src="menubox/jquery.easing.1.3.js"></script>
        <script type="text/javascript">
            $(function() {
				/**
				* for each menu element, on mouseenter, 
				* we enlarge the image, and show both sdt_active span and 
				* sdt_wrap span. If the element has a sub menu (sdt_box),
				* then we slide it - if the element is the last one in the menu
				* we slide it to the left, otherwise to the right
				*/
                $('#sdt_menu > li').bind('mouseenter',function(){
					var $elem = $(this);
					$elem.find('img')
						 .stop(true)
						 .animate({
							'width':'170px',
							'height':'170px',
							'left':'0px'
						 },400,'easeOutBack')
						 .andSelf()
						 .find('.sdt_wrap')
					     .stop(true)
						 .animate({'top':'140px'},500,'easeOutBack')
						 .andSelf()
						 .find('.sdt_active')
					     .stop(true)
						 .animate({'height':'170px'},300,function(){
						var $sub_menu = $elem.find('.sdt_box');
						if($sub_menu.length){
							var left = '170px';
							if($elem.parent().children().length == $elem.index()+1)
								left = '-170px';
							$sub_menu.show().animate({'left':left},200);
						}	
					});
				}).bind('mouseleave',function(){
					var $elem = $(this);
					var $sub_menu = $elem.find('.sdt_box');
					if($sub_menu.length)
						$sub_menu.hide().css('left','0px');
					
					$elem.find('.sdt_active')
						 .stop(true)
						 .animate({'height':'0px'},300)
						 .andSelf().find('img')
						 .stop(true)
						 .animate({
							'width':'0px',
							'height':'0px',
							'left':'85px'},400)
						 .andSelf()
						 .find('.sdt_wrap')
						 .stop(true)
						 .animate({'top':'25px'},500);
				});
            });
        </script>
<div>
<section class="main">
 
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <form class="form-3" id="login" method="post" action="Administrador/Controlador/controladorUsuario.php">
            <p class="clearfix">
                <label for="login">Nombre: </label>
                <input type="text" name="txtUsuario" placeholder="Ingresa tu nombre de usuario">
            </p>
            <p class="clearfix">
                <label for="password">Contraseña:</label>
                <input type="password" name="txtContrasenia"  placeholder="Ingresa tu contraseña"> 
            </p>
            <p class="clearfix">
                 <input type="submit" name="submit" value="Iniciar Sesion">
            </p>
                 
    </form>
  </section>
      


<footer>

      
</div>


</body>

</html>
